<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>退款管理</title>
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/index/favicon.png">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/user/buyer_dispute_list.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            font-family: "Microsoft YaHei";
        }
    </style>
</head>
<body>
<script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/frame/totoro-utils.js"></script>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script src="//unpkg.com/vue/dist/vue.js"></script>

<jsp:include page="${pageContext.request.contextPath}/public_page/nav.jsp"></jsp:include>
<jsp:include page="${pageContext.request.contextPath}/public_page/ui_header.jsp"></jsp:include>
<div class="grid-c2">
    <div class="col-main">
        <div id="App" style="margin:0 0 0 120px;width:auto;min-height: 600px;" class="taobao">
            <div id="disputelist" class="disputelist" data-reactid=".0">
                <div id="root_1" class="disputelist-root" data-reactid=".0.$root_1">
                    <div id="rootContainer_1" class="mod-container container disputelist-rootContainer">
                        <ul class="mod-tabpc " id="tabContainer_14">
                            <li class="selected">
                                <span>退款管理</span>
                                <span> </span>
                            </li>
                        </ul>
                        <div id="topContainer_1" class="mod-container container disputelist-topContainer"
                             style="margin:30px 0 0 0;">
                            <div id="searchConditions_2@1" class="mod-select-pc small">
                                <div class="select-title ">
                                    <span>退款类型</span>
                                    <span>：</span>
                                    <span class="required">
                                        <span>&nbsp;</span>
                                    </span>
                                </div>
                                <div class="options-wrap" data-value="0" data-key="type">
                                    <span class="hidden-width-holder">售中退款</span>
                                    <div id="searchConditions_2@1" class="selected-wrap">
                                        <span>
                                        <span class="show-text">全部</span><span
                                            class="select-tips"></span>
                                        </span>
                                        <span class="arrow iconfont icon-new_xiajiantou"></span>
                                    </div>
                                    <div class="options-content options-high-index hide">
                                        <div class="options-item" data-spot-id="0">
                                            <span>全部</span>
                                            <span
                                                class="select-tips">
                                        </span>
                                        </div>
                                        <div class="options-item" data-spot-id="1">
                                            <span>售中退款</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="2">
                                            <span>售后退款</span>
                                            <span class="select-tips"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="searchConditions_2@2" class="mod-select-pc fold">
                                <div class="select-title ">
                                    <span>退款时间</span>
                                    <span>：</span>
                                    <span class="required">
                                        <span>&nbsp;</span>
                                    </span>
                                </div>
                                <div class="options-wrap" data-value="0" data-key="time">
                                    <span class="hidden-width-holder">最近申请</span>
                                    <div id="searchConditions_2@2" class="selected-wrap">
                                        <span>
                                        <span class="show-text">最近申请</span>
                                            <span class="select-tips"></span>
                                        </span>
                                        <span class="arrow iconfont icon-new_xiajiantou"></span>
                                    </div>
                                    <div class="options-content options-high-index hide">
                                        <div class="options-item" data-spot-id="0">
                                            <span>最近申请</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="1">
                                            <span>历史退款</span>
                                            <span class="select-tips"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="searchConditions_2@3" class="mod-datetimepickerpc undefined">
                                <div class="picker">
                                    <label class="title ">
                                        <span>从</span>
                                        <span>：</span>
                                    </label>
                                    <input type="text" class="layui-input" id="startTime" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" value="${tfn:getThreeMonthAgoDate()}">
                                </div>
                                <div class="picker" style="margin-left:12px;">
                                    <label class="endTitle ">到</label>
                                    <input type="text" class="layui-input" id="endTime" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" value="${tfn:getNowDate()}">
                                </div>
                            </div>
                            <script>
                                layui.use('laydate', function() {
                                    var laydate = layui.laydate;

                                    //日期时间选择器
                                    laydate.render({
                                        elem: '#startTime'
                                        ,type: 'datetime'
                                    });
                                    //日期时间选择器
                                    laydate.render({
                                        elem: '#endTime'
                                        ,type: 'datetime'
                                    });
                                });
                            </script>
                            <style>
                                .layui-input, .layui-select, .layui-textarea {
                                    height: 30px;
                                    width: 150px;
                                    border-radius: 4px;
                                    border: 1px solid #ccc;
                                    display: inline-block;
                                    color: #6c6c6c;
                                    font-size: 12px;
                                }
                            </style>
                            <div id="searchConditions_2@4" class="mod-select-pc ">
                                <div class="select-title ">
                                    <span>退款状态</span>
                                    <span>：</span>
                                    <span class="required">
                                        <span>&nbsp;</span>
                                    </span>
                                </div>
                                <div class="options-wrap" data-value="0" data-key="status">
                                    <span class="hidden-width-holder">进行中的订单</span>
                                    <div id="searchConditions_2@4" class="selected-wrap">
                                        <span>
                                        <span class="show-text">全部</span>
                                            <span class="select-tips"></span>
                                        </span>
                                        <span class="arrow iconfont icon-new_xiajiantou"></span>
                                    </div>
                                    <div class="options-content options-high-index hide">
                                        <div class="options-item" data-spot-id="0">
                                            <span>全部</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="1">
                                            <span>进行中的订单</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="2">
                                            <span>退款待处理</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="3">
                                            <span>已拒绝退款</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="4">
                                            <span>待买家发货</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="5">
                                            <span>待商家收货</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="6">
                                            <span>退款关闭</span>
                                            <span class="select-tips"></span>
                                        </div>
                                        <div class="options-item" data-spot-id="7">
                                            <span>退款成功</span>
                                            <span class="select-tips"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mod-fullbtnlistpc " id="searchConditions_2@7">
                                <div class="center button-item highlight" id="rfSubmit">
                                    <span>提交</span>
                                </div>
                            </div>
                        </div>
                        <div id="bottomContainer_1" class="mod-container container disputelist-bottomContainer"
                             style="margin:30px 0 0 0;">
                            <div id="listHeader_1" class="mod-list-header listHeader disputelist-listHeader">
                                <ul>
                                    <li style="width:37.5%;">
                                        <span data-reactid=".0.$root_1.1:$rootContainer_1.$bottomContainer_1.$listHeader_1.0.$0.1">宝贝</span>
                                    </li>
                                    <li style="width:12.5%;">
                                        <span></span>
                                        <span>退款金额</span>
                                    </li>
                                    <li style="width:12.5%;">
                                        <span></span>
                                        <span>申请时间</span>
                                    </li>
                                    <li style="width:12.5%;">
                                        <span></span>
                                        <span>服务类型</span>
                                    </li>
                                    <li style="width:12.5%;">
                                        <span></span>
                                        <span>退款状态</span>
                                    </li>
                                    <li style="width:10.5%;">
                                        <span></span>
                                        <span>交易操作</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="asynNotification_1" class="" data-reactid=".0.$root_1.1:$asynNotification_1"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 左侧菜单 start-->
    <jsp:include page="${pageContext.request.contextPath}/public_page/ui-left.jsp"></jsp:include>
    <style>
        #bb-ul{
            display: block;
        }
        #bought, #shouhou>a {
            color: #f40;
        }
    </style>
    <!-- 左侧菜单 end-->
</div>

<div>
    <div class="mod-loading-layer" style="display: none">
        <div class="layer" data-reactid=".1.0"></div>
        <div class="mui-loading-img mui-loading-play"></div>
    </div>
</div>
<jsp:include page="/public_page/open_chat.jsp"></jsp:include>
<script src="${pageContext.request.contextPath}/static/js/self/user/buyer_dispute_list.js"></script>
</body>
</html>
